<template>
    <svg class="icon" aria-hidden="true">
        <use :xlink:href="'#icon-' + icon"></use>
    </svg>
</template>

<script>
import "@/assets/iconfont.js"
export default {
    props: ['icon'],
    data() {
        return {

        };
    },
    computed: {

    },
    created() {

    },
    mounted() {
        let obj = 'null'
        // console.log(typeof (obj));
        // console.log(obj instanceof Object);
        console.log(obj.constructor==Object);
    },
    watch: {

    },
    methods: {

    },
    components: {

    },
};
</script>

<style scoped>
.icon {
    width: 1em;
    height: 1em;
    font-size: 60px;
    color: blue;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
</style>
